//  函数式组件

import {defineComponent, reactive} from "vue";

// export default () => <div>testtsx</div>


//  使用 defineComponent() 缺点：要与this进行交互

// export default defineComponent({
//     // 其他配置
//     render() {
//         return <div>testTsx</div>
//     }
// })


// 使用 defineComponent()  setup Composition API

export default defineComponent({
    // 其他配置
    setup() {
        const deta = reactive({
            counter: "11111"
        })
        return () => (

            // <></>表示可以再内部创建多个节点
            <>
                <div>testTsx</div>
                <input type="text" v-model={deta.counter}/>
            </>

        )
    }
})
